import Vue from 'vue'

// base.css 初始化css
import 'normalize.css/normalize.css'

// 全部导入：
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 国际化 lang：language 语言！  en：English 英文
import locale from 'element-ui/lib/locale/lang/en'

import '@/styles/index.scss'

import App from './App' // 最大根组件App.vue
import store from './store' // vuex数据中心
import router from './router' // 路由系统

import '@/icons' // icon图标：svg-icon组件！<svg-icon 细节></svg-icon>
import '@/permission' // 权限：前置路由守卫单独拿出来了！ token判断，单独写了！

// 导入组件
import Components from './components'
Vue.use(Components)

// set ElementUI lang to EN
Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)

// 小信息提示：去除！
Vue.config.productionTip = false

// ***************************************自定义指令
import img from '@/assets/common/head.jpg'
// 未来给图片用
Vue.directive('imgerr', (el, bind) => {
  el.onerror = function() {
    el.src = img
  }
})

//
new Vue({
  el: '#app', // el：element元素 节点  #app 来自index.html页面
  router,
  store,
  render: h => h(App) // render：渲染 App根组件到哪里？SPA，只有一个html页面咯
})
